<template>
  <div><!--顶部样式-->
    <div id="header_top">
      <div id="top">
        <div class="Inside_pages">
          <div class="Collection">下午好，欢迎光临锦宏颜！<em></em><a href="#">收藏我们</a></div>
          <div class="hd_top_manu clearfix">
            <ul class="clearfix">
              <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！<a href="#"
                                                                                          class="red">[请登录]</a> 新用户<a
                  href="#" class="red">[免费注册]</a></li>
              <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li>
              <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">购物车</a></li>
              <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li>
              <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a>
                <div class="hd_menu_list">
                  <ul>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">在线退换货</a></li>
                    <li><a href="#">在线投诉</a></li>
                    <li><a href="#">配送范围</a></li>
                  </ul>
                </div>
              </li>
              <li class="hd_menu_tit phone_c" data-addclass="hd_menu_hover"><a href="#" class="hd_menu "><em
                  class="iconfont icon-shouji"></em>手机版</a>
                <div class="hd_menu_list erweima">
                  <ul>
                    <h4 style="text-align:center; color:#6C6; font-size:14px; font-family:'Microsoft YaHei'">
                      商城手机微信</h4>
                    <img src="images/erweima.jpg" width="100px" height="100"/>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!--顶部样式1-->
      <div id="header" class="header page_style">
        <div class="logo"><a href="index.html"><img src="images/logo.png"/></a></div>
        <!--结束图层-->
        <div class="Search">
          <p><input name="" type="text" class="text"/><input name="" type="submit" value="搜 索" class="Search_btn"/>
          </p>
          <p class="Words"><a href="#">苹果</a><a href="#">香蕉</a><a href="#">菠萝</a><a href="#">西红柿</a><a
              href="#">橙子</a><a href="#">苹果</a></p>
        </div>
        <!--购物车样式-->
        <div class="hd_Shopping_list" id="Shopping_list">
          <div class="s_cart"><em class="iconfont icon-cart2"></em><a href="#">我的购物车</a> <i
              class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
          <div class="dorpdown-layer">
            <div class="spacer"></div>
            <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
            <ul class="p_s_list">
              <li>
                <div class="img"><img src="products/p_7.jpg"></div>
                <div class="content"><p><a href="#">产品名称</a></p>
                  <p>颜色分类:紫花8255尺码:XL</p></div>
                <div class="Operations">
                  <p class="Price">￥55.00</p>
                  <p><a href="#">删除</a></p></div>
              </li>
            </ul>
            <div class="Shopping_style">
              <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
              <a href="#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
            </div>
          </div>
        </div>
      </div>
      <!--菜单导航样式-->
      <div id="Menu" class="clearfix">
        <div class="index_style clearfix">
          <div id="allSortOuterbox" class="display">
            <div class="t_menu_img"></div>
            <div class="Category"><a href="#"><em></em>所有产品分类</a></div>
            <div class="hd_allsort_out_box_new">
              <!--左侧栏目开始-->
              <ul class="Menu_list">
                <li class="name">
                  <div class="Menu_name"><a href="product_list.html">面部护理</a> <span>&lt;</span></div>
                  <div class="link_name">
                    <p><a href="Product_Detailed.html">茅台</a> <a href="#">五粮液</a> <a href="#">郎酒</a> <a href="#">剑南春</a>
                    </p>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                      <div class="hd_sort_list">
                        <dl class="clearfix" data-tpc="1">
                          <dt><a href="#">面膜<i>></i></a></dt>
                          <dd><a href="#">撕拉面膜</a><a href="#">面膜贴</a><a href="#">免洗面膜</a><a
                              href="#">水洗面膜</a></dd>
                        </dl>
                        <dl class="clearfix" data-tpc="2">
                          <dt><a href="#">洁面<i>></i></a></dt>
                          <dd><a href="#">洁面摩丝</a><a href="#">洁面乳 </a><a href="#">洁面啫哩/胶</a><a href="#">面部去角质/磨砂</a><a
                              href="#">洁面膏/霜</a><a href="#">洁肤皂</a></dd>
                        </dl>
                        <dl class="clearfix" data-tpc="3">
                          <dt><a href="#">化妆水<i>></i></a></dt>
                          <dd><a href="#"> 喷雾</a><a href="#"> 精华水</a><a href="#"> 柔肤水</a><a
                              href="#">爽肤水</a><a href="#">收敛水/紧肤水</a></dd>
                        </dl>
                        <dl class="clearfix" data-tpc="4">
                          <dt><a href="#">眼部护理<i>></i></a></dt>
                          <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                          </dd>
                        </dl>
                        <dl class="clearfix" data-tpc="4">
                          <dt><a href="#">眼部护理<i>></i></a></dt>
                          <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                          </dd>
                        </dl>
                        <dl class="clearfix" data-tpc="4">
                          <dt><a href="#">防晒<i>></i></a></dt>
                          <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                          </dd>
                        </dl>
                        <dl class="clearfix" data-tpc="4">
                          <dt><a href="#">唇部护理<i>></i></a></dt>
                          <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                          </dd>
                        </dl>
                        <dl class="clearfix" data-tpc="4">
                          <dt><a href="#">乳液/面霜<i>></i></a></dt>
                          <dd><a href="#"> 乳液</a><a href="#"> 面霜</a><a href="#">按摩霜</a><a href="#">面部啫喱</a><a
                              href="#">凝露/凝胶</a></dd>
                        </dl>
                      </div>
                      <div class="Brands">
                        <a href="#" class="logo_Brands"><img src=""/></a>
                      </div>
                    </div>
                    <!--品牌-->
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">身体护理</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="Product_Detailed.html"> 面霜</a><a href="#">眼霜</a><a href="#"> 面膜</a><a
                      href="#">护肤套装</a>

                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">香水彩妆</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">卸妆 </a><a href="#">防晒</a><a href="#">BB</a>
                    <a href="#">女士香水</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">洗发护发</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">洗发</a><a href="#">护发</a><a href="#">沐浴</a><a href="#">润肤乳</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">女性护理</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">洁面</a><a href="#">坚果炒货</a><a href="#">乳液</a>
                    <a href="#"> 面霜</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">男性护理</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">洁面</a><a href="#">坚果炒货</a><a href="#">乳液</a>
                    <a href="#"> 面霜</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">推荐品牌</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">欧莱雅</a><a href="#"> 菲诗小铺</a><a href="#"> 雅诗兰黛</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
                <li class="name">
                  <div class="Menu_name"><a href="#">推荐品牌</a><span>&lt;</span></div>
                  <div class="link_name">
                    <a href="#">欧莱雅</a><a href="#"> 菲诗小铺</a><a href="#"> 雅诗兰黛</a>
                  </div>
                  <div class="menv_Detail">
                    <div class="cat_pannel clearfix">
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!--菜单栏-->
          <div class="Navigation" id="Navigation">
            <ul class="Navigation_name">
              <li><a href="#">首页</a></li>
              <li><a href="#">水果蔬菜</a></li>
              <li><a href="#">限时特卖</a><em class="hot_icon"></em></li>
              <li><a href="#">联系我们</a></li>
              <li><a href="#">鲜盟人才</a></li>
              <li><a href="#">鲜盟金融</a></li>
              <li><a href="#">鲜盟投资</a></li>
              <li><a href="#">鲜盟股票</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--用户中心收货地址-->
    <div class="user_style clearfix">
      <div class="user_center">

        <!--左侧菜单栏-->
        <div class="left_style">
          <div class="menu_style">
            <div class="user_title">用户中心</div>
            <div class="user_Head">
              <div class="user_portrait">
                <a href="#" title="修改头像" class="btn_link"></a> <img src="images/people.png">
                <div class="background_img"></div>
              </div>
              <div class="user_name">
                <p><span class="name">化海天堂</span><a href="#">[修改密码]</a></p>
                <p>访问时间：2016-1-21 10:23</p>
              </div>
            </div>
            <div class="sideMen">
              <!--菜单列表图层-->
              <dl class="accountSideOption1">
                <dt class="transaction_manage"><em class="icon_1"></em>订单中心</dt>
                <dd>
                  <ul>
                    <li><a href="User_Orderform.html"> 我的订单</a></li>
                    <li><a href="User_address.html">收货地址</a></li>
                    <li><a href="user.php?act=booking_list"> 缺货登记</a></li>
                  </ul>
                </dd>
              </dl>
              <dl class="accountSideOption1">
                <dt class="transaction_manage"><em class="icon_2"></em>会员中心</dt>
                <dd>
                  <ul>
                    <li><a href="user.php?act=profile"> 用户信息</a></li>
                    <li><a href="user.php?act=collection_list"> 我的收藏</a></li>
                    <li><a href="user.php?act=message_list"> 我的留言</a></li>
                    <li><a href="user.php?act=tag_list">我的标签</a></li>
                    <li><a href="user.php?act=affiliate"> 我的推荐</a></li>
                    <li><a href="user.php?act=comment_list"> 我的评论</a></li>
                  </ul>
                </dd>
              </dl>
              <dl class="accountSideOption1">
                <dt class="transaction_manage"><em class="icon_3"></em>账户中心</dt>
                <dd>
                  <ul>
                    <li><a href="user.php?act=bonus">我的红包</a></li>
                    <li><a href="user.php?act=group_buy">我的团购</a></li>
                    <li><a href="user.php?act=track_packages"> 跟踪包裹</a></li>
                    <li><a href="user.php?act=account_log"> 资金管理</a></li>
                  </ul>
                </dd>
              </dl>
              <dl class="accountSideOption1">
                <dt class="transaction_manage"><em class="icon_4"></em>分销中心</dt>
                <dd>
                  <ul>
                    <li><a href="user.php?act=myshop">店铺管理</a></li>
                    <li><a href="user.php?act=myguide">我的盟友</a></li>
                    <li><a href="user.php?act=myaccount"> 我的佣金</a></li>
                    <li><a href="user.php?act=account_raply">申请提现</a></li>
                  </ul>
                </dd>
              </dl>
            </div>
          </div>
        </div>
        <!--右侧样式-->
        <div class="right_style">
          <div class="info_content">
            <!--地址管理样式-->
            <div class="adderss_style">
              <div class="title_Section"><span>收货地址管理</span></div>
              <div class="adderss_list">
                <!--地址列表-->
                <div class="Address_List clearfix">
                  <!--地址类表-->
                  <ul class="Address_info">
                    <div class="address_title">
                      <a href="#" class="modify iconfont icon-fankui btn btn-primary" title="修改信息"
                         data-toggle="modal" id="purebox"></a>
                      地址信息
                      <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close2"></i></a></div>
                    <li>张婷婷</li>
                    <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
                    <li>182938596861</li>
                    <li>610000</li>
                  </ul>
                  <ul class="Address_info">
                    <div class="address_title">
                      <a href="#" class="modify iconfont icon-fankui btn btn-primary" title="修改信息"
                         data-toggle="modal" id="purebox2"></a>
                      地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close2"></i></a>
                    </div>
                    <li>张婷婷</li>
                    <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
                    <li>182938596861</li>
                    <li>610000</li>
                  </ul>
                  <ul class="Address_info">
                    <div class="address_title">
                      <a href="#" class="modify iconfont icon-fankui btn btn-primary" title="修改信息 "
                         data-toggle="modal" id="purebox3"></a>
                      地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close2"></i></a>
                    </div>
                    <li>张婷婷</li>
                    <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
                    <li>182938596861</li>
                    <li>610000</li>
                  </ul>
                  <ul class="Address_info">
                    <div class="address_title">
                      <a href="#" class="modify iconfont icon-fankui btn btn-primary" data-toggle="modal" id="purebox4"
                         title="修改信息"></a>
                      地址信息 <a href="javascript:over('0')" class="delete "><i class="iconfont icon-close2"></i></a>
                    </div>
                    <li>张婷婷</li>
                    <li>四川成都武侯区簇景横街210号3栋1单元307号。</li>
                    <li>182938596861</li>
                    <li>610000</li>
                  </ul>
                </div>
              </div>
              <form>
                <div class="Add_Addresss">
                  <div class="title_name"><i></i>添加地址</div>
                  <table>
                    <tbody>
                    <tr>
                      <td class="label_name">收货区域</td>
                      <td colspan="3" class="select">
                        <label> 国家/地区 </label><select class="kitjs-form-suggestselect "></select>
                        <label> 省份 </label><select class="kitjs-form-suggestselect "></select>
                        <label> 市/县 </label><select class="kitjs-form-suggestselect "></select>
                        <label> 区/县 </label><select class="kitjs-form-suggestselect"></select>
                      </td>
                    </tr>
                    <tr>
                      <td class="label_name">详细地址</td>
                      <td><input name="" type="text" class="Add-text"><i>（必填）</i></td>
                      <td class="label_name">送货时间</td>
                      <td><input name="" type="text" class="Add-text"><i>（选填）</i></td>
                    </tr>
                    <tr>
                      <td class="label_name">收件人姓名</td>
                      <td><input name="" type="text" class="Add-text"><i>（必填）</i></td>
                      <td class="label_name">电子邮箱</td>
                      <td><input name="" type="text" class="Add-text"><i>（选填）</i></td>
                    </tr>
                    <tr>
                      <td class="label_name">邮&nbsp;&nbsp;编</td>
                      <td><input name="" type="text" class="Add-text"><i>（必填）</i></td>
                      <td class="label_name">手&nbsp;&nbsp;机</td>
                      <td><input name="" type="text" class="Add-text"><i>（必填）</i></td>
                    </tr>
                    <tr>
                      <td class="label_name">固定电话</td>
                      <td><input name="" type="text" class="Add-text"><i>（选填）</i></td>
                    </tr>
                    <tr>
                      <td class="label_name"></td>
                      <td></td>
                      <td class="label_name"></td>
                      <td></td>
                    </tr>
                    </tbody>
                  </table>
                  <div class="address_Note"><span>注：</span>只能添加5个收货地址信息。请乎用假名填写地址，如造成损失由收货人自己承担。
                  </div>
                  <div class="btn"><input name="1" type="submit" value="添加地址" class="Add_btn"></div>

                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="slogen">
      <div class="index_style">
        <ul class="wrap">
          <li>
            <a href="#"><img src="images/slogen_34.png" data-bd-imgshare-binded="1"></a>
            <b>安全保证</b>
            <span>多重保障机制 认证商城</span>
          </li>
          <li><a href="#"><img src="images/slogen_28.png" data-bd-imgshare-binded="2"></a>
            <b>正品保证</b>
            <span>正品行货 放心选购</span>
          </li>
          <li>
            <a href="#"><img src="images/slogen_30.png" data-bd-imgshare-binded="3"></a>
            <b>七天无理由退换</b>
            <span>七天无理由保障消费权益</span>
          </li>
          <li>
            <a href="#"><img src="images/slogen_31.png" data-bd-imgshare-binded="4"></a>
            <b>天天低价</b>
            <span>价格更低，质量更可靠</span>
          </li>
        </ul>
      </div>
    </div>
    <!--底部图层-->
    <div class="phone_style">
      <div class="index_style">
        <span class="phone_number"><em class="iconfont icon-dianhua"></em>XXX</span><span class="phone_title">客服热线 7X24小时 贴心服务</span>
      </div>
    </div>
    <div class="footerbox clearfix">
      <div class="clearfix">
        <div class="">
          <dl>
            <dt>新手上路</dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明 </a></dd>
            <dd><a href="#">推荐分享说明 </a></dd>
          </dl>
          <dl>
            <dt>配送与支付</dt>
            <dd><a href="#">保险需求测试</a></dd>
            <dd><a href="#">专题及活动</a></dd>
            <dd><a href="#">挑选保险产品</a></dd>
            <dd><a href="#">常见问题 </a></dd>
          </dl>
          <dl>
            <dt>售后保障</dt>
            <dd><a href="#">保险需求测试</a></dd>
            <dd><a href="#">专题及活动</a></dd>
            <dd><a href="#">挑选保险产品</a></dd>
            <dd><a href="#">常见问题 </a></dd>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dd><a href="#">保险需求测试</a></dd>
            <dd><a href="#">专题及活动</a></dd>
            <dd><a href="#">挑选保险产品</a></dd>
            <dd><a href="#">常见问题 </a></dd>
          </dl>
          <dl>
            <dt>帮助中心</dt>
            <dd><a href="#">保险需求测试</a></dd>
            <dd><a href="#">专题及活动</a></dd>
            <dd><a href="#">挑选保险产品</a></dd>
            <dd><a href="#">常见问题 </a></dd>
          </dl>
        </div>
      </div>
      <div class="text_link">
        <p>
          <a href="#">关于我们</a>｜ <a href="#">公开信息披露</a>｜ <a href="#">加入我们</a>｜ <a href="#">联系我们</a>｜ <a
            href="#">版权声明</a>｜ <a href="#">隐私声明</a>｜ <a href="#">网站地图</a></p>
        <p>蜀ICP备XXX号 Copyright 成都福际生物技术有限公司 All Rights Reserved. Technical support:CDDGG Group</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "userAddress"
}
</script>

<style scoped>
@import "../../style/css/common.css";
@import "../../style/css/style.css";
@import "../../style/fonts/iconfont.css";
@import "../../style/css/sumoselect.css";
@import "../../style/css/purebox-metro.css";
</style>
